<jsp:useBean id="codigoPartida" scope="session" class="java.lang.String"/>
<jsp:useBean id="bando" scope="session" class="java.lang.String"/>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Silver River :: Juego</title>
		<link rel="stylesheet" href="css/estilos.css" />
	</head>

	<body>
		<div id="contenedor">
			<div id="header">
				<img src="img/banner.png" width="960" height="120" alt="Silver River" />
				<h1>SILVER RIVER</h1>
			</div>

			<div id="listado">
				<div class="objectJuego">
					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="840" height="560" id="SilverRiver">
				        <param name="movie" value="swf/SilverRiver.swf" />
				        <param name="quality" value="high" />
				        <param name="bgcolor" value="#ffffff" />
				        <param name="allowScriptAccess" value="sameDomain" />
				        <param name="allowFullScreen" value="true" />
				        <param name="flashVars" value="partida=<%= request.getParameter("id") %>&bando=<%= request.getParameter("b") %>" />
				        <!--[if !IE]>-->
				        <object type="application/x-shockwave-flash" data="swf/SilverRiver.swf" width="840" height="560">
				            <param name="quality" value="high" />
				            <param name="bgcolor" value="#ffffff" />
				            <param name="allowScriptAccess" value="sameDomain" />
				            <param name="allowFullScreen" value="true" />
				            <param name="flashVars" value="partida=<%= request.getParameter("id") %>&bando=<%= request.getParameter("b") %>" />
				        </object>
				        <!--[endif]-->
					</object>
				</div>
				<div class="opcionesJuego">
					<ul>
					<% if (request.getParameter("c").equals("true")) { %>
						<li><a href="#" id="guardarPartida"><img src="img/guardar.png" width="32" height="32" title="Guardar la partida" /></a></li>
					<% } %>
						<li><a href="#" id="abandonarPartida"><img src="img/salir.png" width="32" height="32" title="Abandonar la partida" /></a></li>
						<li><a href="#" id="ayuda"><img src="img/ayuda.png" width="32" height="32" title="Ayuda" /></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="divCargando" style="display:none">
			<div>
				<img src="img/cargando.gif" />
			</div>
		</div>
		<script type="text/javascript" src="js/soap_client-2.1.js"></script>
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/funciones.js"></script>
		<script type="text/javascript">
			idioma = "<%= request.getParameter("i") %>";	
			$(document).ready(function() {
				obtenerTextos(function() {
					$("#abandonarPartida img").attr("title", idiomas[idioma].diccionario["abandonarPartida"]);
					$("#guardarPartida img").attr("title", idiomas[idioma].diccionario["guardarPartida"]);
					$("#ayuda img").attr("title", idiomas[idioma].diccionario["ayuda"]);
				});
				idPartida = "<%= request.getParameter("id") %>";
				bando = "<%= request.getParameter("b") %>";
				$("#guardarPartida").click(function(_ev) {
					_ev.preventDefault();
					guardarPartida();
				});
				$("#abandonarPartida").click(function(_ev) {
					_ev.preventDefault();
					abandonarPartida(function() {
						location.href = "/WebSilverRiver/perdedor.jsp?i=" + idioma;
					});
				});
				$("#ayuda").click(function(_ev) {
					_ev.preventDefault();
					window.open(
						"/WebSilverRiver/ayuda-<%= request.getParameter("i") %>.jsp",
						idiomas[idioma].diccionario["ayuda"],
						"width=560,height=300,menubar=no,scrollbars=yes");
				});
			});
		</script>
	</body>
</html>